<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/articl-2.css" />
		<link rel="stylesheet" href="./css/iconfont/iconfont.css">
		<script src="./js/lib/lib-flexible.js" type="text/javascript"></script>
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title>首页</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->

			<div class="header">
				<div class="header-nav">
					<div class="left">
						<img src="./img/logo.png" alt="">
					</div>
					<div class="right" id="nav-btn">
						<i class="iconfont icon-menu"></i>
					</div>
					<div class="menus" id="menus">
						<ul class="layui-nav layui-nav-tree" lay-filter="test">
						  <li class="layui-nav-item">
						    <a href="javascript:;">解决方案</a>
						    <dl class="layui-nav-child">
						      <dd><a href="#">移动模块</a></dd>
						      <dd><a href="#">后台模版</a></dd>
						      <dd><a href="#">电商平台</a></dd>
						    </dl>
						  </li>
						  <li class="layui-nav-item"><a href="">产品</a></li>
						  <li class="layui-nav-item"><a href="">大数据</a></li>
						</ul>
					</div>

				</div>
			</div>
			
			<!-- banner -->
			<div class="banner gap-30">
				<a href="#">
					<img src="./img/new1.jpg" alt="">
					<div class="mask">
						<div class="explain">
							<h3 class="banner-title">
								TRAVEL INFORMATION
							</h3>
							<h3 class="banner-title-small">
								旅游资讯
							</h3>
						</div>
					</div>
				</a>
			</div>
			
			<div class="container-part gap-30">
				<div class="articl-content">
					<div class="title">
						<h3>重庆丰都鬼城、三峡、宜昌</h3>
						<p>2019-09-09</p>
					</div>
					<div class="articl-body">
						<p>首先我们要达到丰都，从重庆到丰都可以走公路，也可以走水路。走公路的话可以去朝天门汽车站，可以搭大巴去丰都，价格是70RMB，大约3小时左右到达。走水路的话可以去朝天门码头，轮船的话约9小时左右到达，快艇的话约3小时到达。</p>
						<img src="./img/c-1.jpg" alt="">
						<p>首先我们要达到丰都，从重庆到丰都可以走公路，也可以走水路。走公路的话可以去朝天门汽车站，可以搭大巴去丰都，价格是70RMB，大约3小时左右到达。走水路的话可以去朝天门码头，轮船的话约9小时左右到达，快艇的话约3小时到达。</p>
					</div>
				</div>
			</div>
			<!-- 上一页//下一页 -->
			<div class="container-part gap-30">
				<div class="articl-page">
				<a href="#" class="pre-page">上一篇：去重庆一定要去丰都，它是东方神曲之乡</a>
				<a href="#" class="next-page">下一篇：丰都县新冠肺炎疫情防控工作指挥部</a>
				</div>
			</div>
			
			<!-- 推荐 -->
			<div class="container-part gap-30">
				<div class="artical-recommend">
					<a href="#" class="item">
						<div class="item-img">
							<img src="./img/c-1.jpg" alt="">
						</div>
						<div class="item-name">
							<h3 class="title">丰都鬼城景区分为鬼城名山..</h3>
							<p class="item-time">2019-09-09</p>
						</div>
					</a>
					<a href="#" class="item">
						<div class="item-img">
							<img src="./img/c-1.jpg" alt="">
						</div>
						<div class="item-name">
							<h3 class="title">丰都鬼城景区分为鬼城名山..</h3>
							<p class="item-time">2019-09-09</p>
						</div>
					</a>
					<a href="#" class="item">
						<div class="item-img">
							<img src="./img/c-1.jpg" alt="">
						</div>
						<div class="item-name">
							<h3 class="title">丰都鬼城景区分为鬼城名山..</h3>
							<p class="item-time">2019-09-09</p>
						</div>
					</a>
					<a href="#" class="item">
						<div class="item-img">
							<img src="./img/c-1.jpg" alt="">
						</div>
						<div class="item-name">
							<h3 class="title">丰都鬼城景区分为鬼城名山..</h3>
							<p class="item-time">2019-09-09</p>
						</div>
					</a>
				</div>
			</div>


			<!-- 版权 -->
			<div class="section">
				<div class="page-foot">
					<p>版权所有：Copyright © 2015-2019丰都宣传网</p>
					<p>渝ICP备15050430号 ICP证渝B2-20180118</p>
				</div>

			</div>
		</div>
	</body>
	<script>
		layui.config({
			base: './js/',
		}).use('index')
	</script>
</html>
